Sunlit Brick color palette — #F9D5C9 · #E76C73 · #0096B3 · #BA0032 · #002F39

Built around Ruby, softened by Watermelon — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#F9D5C9): A whisper-light, dusty orange — the color of sun-warmed clay.
• Watermelon (#E76C73): A luminous, balanced red — the color of a theater curtain.
• Cerulean (#0096B3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Ruby (#BA0032): A full-bodied, vivid red — the color of a theater curtain.
• Deep Forest (#002F39): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.

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

• Muted Coral Courtyard color palette (#F7D6C5, #FF7E59, #0090CB, #962800, #002D43)
• Hazy Thicket color palette (#F7D5D0, #DD6F96, #009D7E, #A82C60, #003126)
• Soft Lagoon color palette (#FCF0FF, #F87D9B, #009FD5, #B60551, #001B28)
• Scarlet Summit color palette (#F7D6C8, #FF8678, #00B4CE, #E13E35, #002F37)
• Muted Garnet Garden color palette (#EFD5EA, #BF5D52, #007887, #8C0408, #002F36)
• Ember Field color palette (#FEEBDD, #D36000, #007FAB, #843900, #001E2B)
• Worn Ember color palette (#FFDBD3, #DF4F34, #0089A3, #336695, #3B0E06)
• Feathered Indigo color palette (#EDDACA, #DC7C25, #6F77EB, #954E00, #1E1C61)

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