Colorise ProOKLCH Engine
ExploreStudioNamesPickerPairs
ExploreStudioNamesPickerPairsContrastExtract
Menu

Product

  • Home
  • Explore
  • Studio
  • Color Names

Tools

  • Picker
  • Color Pairs
  • Contrast
  • Image Extract
  • Gradient Lab
  • Palette Diff
  • Brand from URL

Guides

  • All guides
  • OKLCH vs HSL
  • WCAG vs APCA
  • OKLCH color scales
  • Gamut & sRGB
  • Extract from images
  • HEX to OKLCH
  • Dark mode colors
  • Color meanings
Home/Explore/Brick Vault

Palette · 5 colors · Lc 8.7

Brick Vault palette

Brick Vault: a 5-color palette (Orange, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #D6ECF3, #0089B8, #A33925, #4F6F00, #000B10, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Orange
  • Warm
  • 5 Colors

bg

#D6ECF3

surface

#0089B8

primary

#A33925

accent

#4F6F00

text

#000B10

Open in StudioOpen in PickerAll palettes

Colors in Brick Vault: HEX, RGB, HSL & OKLCH

  • bg

    #D6ECF3

    #D6ECF3 color page →
    RGB
    rgb(214 236 243)
    HSL
    hsl(194 55% 90%)
    OKLCH
    oklch(0.929 0.025 218.8)

    WCAG contrast: on white 1.22:1 (Fail) · on black 17.15:1 (AAA)

  • surface

    #0089B8

    #0089B8 color page →
    RGB
    rgb(0 137 184)
    HSL
    hsl(195 100% 36%)
    OKLCH
    oklch(0.591 0.12 231.6)

    WCAG contrast: on white 3.98:1 (Fail) · on black 5.27:1 (AA)

  • primary

    #A33925

    #A33925 color page →
    RGB
    rgb(163 57 37)
    HSL
    hsl(10 63% 39%)
    OKLCH
    oklch(0.493 0.144 32.8)

    WCAG contrast: on white 6.62:1 (AA) · on black 3.16:1 (Fail)

  • accent

    #4F6F00

    #4F6F00 color page →
    RGB
    rgb(79 111 0)
    HSL
    hsl(77 100% 22%)
    OKLCH
    oklch(0.498 0.128 126.9)

    WCAG contrast: on white 5.82:1 (AA) · on black 3.60:1 (Fail)

  • text

    #000B10

    #000B10 color page →
    RGB
    rgb(0 11 16)
    HSL
    hsl(199 100% 3%)
    OKLCH
    oklch(0.138 0.025 220.6)

    WCAG contrast: on white 19.89:1 (AAA) · on black 1.05:1 (Fail)

Export Brick Vault: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #d6ecf3;
  --surface: #0089b8;
  --primary: #a33925;
  --accent: #4f6f00;
  --text: #000b10;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #d6ecf3;
  --color-surface: #0089b8;
  --color-primary: #a33925;
  --color-accent: #4f6f00;
  --color-text: #000b10;
}

JSON (DTCG tokens)

{
  "brick-vault-om": {
    "bg": {
      "$type": "color",
      "$value": "#d6ecf3"
    },
    "surface": {
      "$type": "color",
      "$value": "#0089b8"
    },
    "primary": {
      "$type": "color",
      "$value": "#a33925"
    },
    "accent": {
      "$type": "color",
      "$value": "#4f6f00"
    },
    "text": {
      "$type": "color",
      "$value": "#000b10"
    }
  }
}

About this palette

Brick Vault is a 5-color OKLCH-ready palette tagged orange, warm, 5 colors. Hex values: #D6ECF3, #0089B8, #A33925, #4F6F00, #000B10. APCA contrast score Lc 8.7. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Steady Caramel Dream LedgerTrending · Orange
  • Bold Devil’s Advocate LedgerTrending · Orange
  • Steady Crimson Blaze QuartzTrending · Orange
  • Classic Smooch Rouge BloomTrending · Orange
  • Steady Hot Brown PrismTrending · Orange
  • Classic Intrigue Red PulseTrending · Orange

Palettes with similar colors

Closest to Brick Vault by OKLab color distance.

  • Classic Rust HorizonOrange · Warm
  • Steady Spill the Beans VaultOrange · Warm
  • Steady Donkey Kong AtelierYellow · Warm
  • Classic Joyous Red LatticeOrange · Warm
  • True Blood Rush CanvasOrange · Warm
  • Pure Corfu Waters ArchiveBlue · Cold
Colorise Pro

Free OKLCH color workspace: precision color picker, color pairs, WCAG & APCA contrast checker, palette from image, Studio systems, names, gradients, and brand tools. Export HEX, CSS, Tailwind & DTCG.

OKLCH Engine

Product

  • Home
  • Explore
  • Studio
  • Color Names
  • Color Codes

Tools

  • Color Picker
  • Color Pairs
  • Contrast Checker
  • Image Extract
  • Gradient Lab
  • Palette Diff
  • Brand from URL
  • For presentations
  • For business cards
  • For SaaS landings
  • Duo pairs
  • Trio systems

Guides

  • All guides
  • OKLCH vs HSL
  • WCAG vs APCA
  • OKLCH color scales
  • Gamut & sRGB
  • Extract from images
  • HEX to OKLCH
  • Dark mode colors
  • Color meanings

Legal

  • Privacy
  • Terms

© 2026 Colorise Pro. All rights reserved.

© 2026 Colorise Pro. Für präzise Farbarbeit.

Rechtsverletzung melden: [email protected] (Colorise Pro)

PrivacyTermsOKLCH · WCAG · APCA