Tempered Grove color palette — #F0F7F1 · #D5DFEF · #84BAD3 · #638E98 · #445564

Sky and Storm Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Silver (#D5DFEF): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#84BAD3): A luminous, dusty blue — the color of deep harbor water.
• Storm Blue (#638E98): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#445564): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, 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

• Washed Aqua color palette (#EAF8FF, #66D5F3, #E09E91, #4199B1, #5C4457)
• Tempered Loft color palette (#DDE7DF, #4DC4D6, #0081A2, #005A52, #002236)
• Tempered Sky color palette (#EBF7FF, #5ABFE5, #D38AB3, #989566, #34454F)
• Dusty Boulevard color palette (#FAF3F0, #D0E5E2, #A3D3C1, #5FB4A2, #614960)
• Worn Ridge color palette (#ECF7FF, #A1E0FF, #5AA6C9, #3F748C, #1D3C51)
• Dusty Villa color palette (#E4F3E7, #9BCAF5, #5584DB, #006881, #252952)
• Azure Harbor color palette (#E5F4E8, #28A0C7, #005E8C, #003B3E, #00091B)
• Timeworn Oat color palette (#EBFAEB, #DBCA98, #B3966E, #8A6A78, #3A4D44)

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