Tempered Grove color palette — #F3F7EA · #C2E5FF · #85B7E7 · #4097B8 · #483148

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

The five colors

• Ivory (#F3F7EA): a clean, paper-quiet neutral.
• Powder Blue (#C2E5FF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#85B7E7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#4097B8): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#483148): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Timeworn Cerulean color palette (#F4F6EC, #B1EAFF, #6FBDE2, #2D9CAB, #134437)
• Washed Periwinkle color palette (#FBF4ED, #ACDBFC, #6C95DC, #007B83, #4D2F42)
• Oat Lagoon color palette (#F4F6EE, #C0E0F1, #9FD4C4, #87AC98, #5D4C5F)
• Quiet Parlor color palette (#ECF3DF, #73A6D4, #3174C7, #00587A, #00022C)
• Aged Teal color palette (#E5E6D2, #66D5D0, #00A6AC, #007F6C, #002529)
• Aged Meadow color palette (#F7F0EA, #A5D3C4, #6278BC, #005B5A, #25173D)
• Blush Parlor color palette (#FFDBD2, #FF8192, #CF9A39, #A883CA, #40221A)
• Washed Taupe Workshop color palette (#F9E4CC, #DBBD87, #BF955C, #947253, #33302A)

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