Sunlit Brick color palette — #FFF2ED · #FF8C88 · #00AAD5 · #C80029 · #00222E

Ruby and Salmon set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Salmon (#FF8C88): A luminous, balanced orange — the color of toasted spice.
• Cyan (#00AAD5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Ruby (#C80029): A full-bodied, vivid orange — the color of toasted spice.
• Midnight (#00222E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Weathered Ridge color palette (#FFF1F3, #FF87A3, #00B395, #C40057, #00251D)
• Misty Azure color palette (#FFF2E9, #FFA974, #00A2D6, #994900, #002230)
• Weathered Scarlet Basin color palette (#FFD6F4, #FFB3A2, #04BADF, #D32A00, #003440)
• Hazy Quarry color palette (#FFF3E6, #FFCB8E, #39AAF0, #AD6E00, #00324E)
• Hushed Chapel color palette (#F3D9D2, #EF3506, #007F98, #8D1800, #001A21)
• Hazy Loft color palette (#FFF2E9, #E27C00, #009DA3, #008387, #200C00)
• Iris Lantern color palette (#FFF3E6, #FFAD43, #6F80EF, #955C00, #130062)
• Linen Mustard color palette (#FFF4DE, #D6B63E, #008DCD, #776100, #001B2B)

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