Tempered Grove color palette — #FFF1F4 · #D1A8DE · #3DC1CC · #109CD2 · #452931

Built around Cerulean, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Lavender (#D1A8DE): A luminous, balanced pink — the color of neon signs at night.
• Cyan (#3DC1CC): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#109CD2): A luminous, balanced blue — the color of open sky before noon.
• Espresso (#452931): A deep, shadowed, dusty red — the color of a theater curtain.

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

Use it as a design system

One click turns Tempered Grove 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 Cornflower color palette (#FFF1F0, #EE9BC1, #41A8D5, #697BD8, #3F2028)
• Hushed Lagoon color palette (#FFF0FA, #ABB2FC, #6DC19F, #00A5A3, #422A3A)
• Ancient Field color palette (#FFF2ED, #F6ACAC, #9EB7E7, #A28CCC, #4B3832)
• Aged Delta color palette (#FFF3E3, #DFB160, #69C295, #00A5A4, #36322C)
• Taupe Villa color palette (#F9F4EF, #DADAD3, #A1B5B8, #D0A26C, #653E00)
• Pale Cerulean Corridor color palette (#F6F6EB, #A3CD87, #39B6A3, #0089B2, #2C3265)
• Hushed Parlor color palette (#FFF2EC, #FF8D7B, #8D9DFF, #AA58EF, #4B1811)
• Pale Indigo Meadow color palette (#FFDBD5, #FF6499, #109EF4, #625BFF, #40011C)

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