Sunlit Brick color palette — #D3E7D9 · #0096AE · #B6153E · #004F3F · #00261D

Ruby takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Celadon Mist (#D3E7D9): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#0096AE): A luminous, balanced blue — the color of deep harbor water.
• Ruby (#B6153E): A full-bodied, vivid red — the color of a theater curtain.
• Forest (#004F3F): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#00261D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Sunlit 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

• Misty Alley color palette (#D6E6D7, #00999B, #B71234, #514000, #281E00)
• Quiet Coast color palette (#E8F6EE, #00A6C9, #BA4637, #005D58, #003331)
• Cornflower Drift color palette (#ECDBEA, #397FFB, #954E00, #004B57, #00242E)
• Misty Workshop color palette (#F0F5FF, #738AE8, #9B4800, #343E00, #00110A)
• Worn Driftwood Grove color palette (#D1EEFC, #A4A6D6, #B16C95, #2D6752, #004330)
• Tempered Ultramarine color palette (#EFE1F0, #0064C1, #6D3200, #002C33, #00090E)
• Pine Lagoon color palette (#EEE3D6, #A8A96E, #3D843A, #6B4768, #322804)
• Hushed Lilac color palette (#F0DAE4, #AC88FF, #C45798, #A13D21, #00203C)

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