Tempered Grove color palette — #FCF1F9 · #B3F2FF · #3E9AD6 · #006D4D · #101A42

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

The five colors

• Ivory (#FCF1F9): bright and airy, almost weightless.
• Frost (#B3F2FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#3E9AD6): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006D4D): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#101A42): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Dusty Quarry color palette (#FFF0F8, #D6D4E0, #6BABEC, #357D6B, #222D4B)
• Hushed Cornflower Bloom color palette (#FFF1F6, #8AD7FF, #3B76DB, #00524B, #0E012D)
• Dusty Petrol color palette (#DCEDEB, #86BECA, #007792, #004B4D, #001924)
• Linen Peony Parlor color palette (#FFF0F8, #F32BB8, #00996D, #007E59, #13051F)
• Wandering Denim Quarry color palette (#E9DAE1, #5AADD4, #1D51A1, #002C27, #010008)
• Sunlit Aqua color palette (#FAE7F9, #18D0D1, #007290, #004116, #000209)
• Ancient Alley color palette (#F6F3FF, #DDD7CD, #F6D294, #7D84BD, #301D3C)
• Lagoon Coast color palette (#FAF2F8, #D6D4E1, #BBBFE8, #679F8E, #454D5F)

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