Tempered Grove color palette — #F1F7F2 · #D4E0F0 · #7CBCD4 · #36988C · #3F5567

A conversation between Fern and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Frost (#D4E0F0): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#7CBCD4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#36988C): A luminous, balanced teal — the color of sea glass.
• Peacock (#3F5567): A full-bodied, dusty blue — the color of open sky before noon.

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

• Antique Powder color palette (#F9F4ED, #BCE4EF, #A7C5EB, #829A7B, #38544B)
• Softworn Terrace color palette (#F9F3F7, #D6D6EB, #61A2C8, #487B61, #465368)
• Wandering Petrol Market color palette (#E5F1E7, #7CBEC5, #00829D, #005A4E, #002333)
• Muted Jade Corridor color palette (#F1F5FF, #A7ACE4, #DB8E73, #4CA77B, #3A4256)
• Denim Meadow color palette (#DCE9DE, #5B9DB1, #006086, #003B3B, #000919)
• Cobalt Study color palette (#E9F1EB, #A8C8E5, #5787CB, #00697D, #202957)
• Azure Study color palette (#ECF9EE, #BEE0F8, #21A2FC, #00818C, #1E3D75)
• Cobalt Grove color palette (#EDF7FF, #A3C5EC, #859BD9, #6A70B3, #464D6C)

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