Misty Brick color palette — #D5EEF9 · #0091A2 · #BD021A · #284F00 · #030A00

Ruby and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#D5EEF9): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0091A2): A luminous, balanced blue — the color of deep harbor water.
• Ruby (#BD021A): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Olive (#284F00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#030A00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Misty Brick into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Soft Cobalt color palette (#D8E4EE, #0089C9, #8F5400, #1B5100, #010B00)
• Chestnut Lagoon color palette (#DFF2FF, #007DA6, #863F00, #004038, #000202)
• Pale Balcony color palette (#D7EAEA, #1EA372, #97008A, #3E4A00, #060900)
• Antique Driftwood color palette (#C6E6EB, #7897CC, #A16099, #316135, #07260B)
• Hazy Bloom color palette (#CAEFFF, #00BDD5, #F92545, #007C46, #002D16)
• Faded Studio color palette (#D7E2F3, #83ABFF, #A76B00, #00716C, #002523)
• Tangerine Lagoon color palette (#EDF7FF, #62C1FF, #F66508, #008785, #003938)
• Ultramarine Pier color palette (#EADEE9, #005DD5, #7A005D, #3A1F00, #000B02)

Browse the whole catalog at Explore, or see today's palette.