Tempered Grove color palette — #FAF3F7 · #D5E1F3 · #71A0BD · #437A6F · #41546C

Blue Fog and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Frost (#D5E1F3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#71A0BD): A luminous, dusty blue — the color of deep harbor water.
• Teal (#437A6F): A full-bodied, dusty teal — the color of sea glass.
• Peacock (#41546C): A full-bodied, dusty blue — the color of deep harbor water.

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

• Dusty Balcony color palette (#EFF7F6, #D4DDEC, #8CB8D1, #43949A, #3F5666)
• Softworn Quarry color palette (#F1F2EC, #C7E0DD, #7BA891, #25787E, #1E3D32)
• Aged Denim Loft color palette (#ECE0E9, #6DAAB6, #005F83, #003F33, #001E43)
• Patina Courtyard color palette (#EDF9F1, #BDB07B, #9591CA, #81722F, #434B69)
• Dusty Navy color palette (#F5E4ED, #55889E, #003E6C, #002221, #03002E)
• Faded Cobalt color palette (#FFF1F6, #A3D6F6, #4A7FCE, #00666A, #373772)
• Timeworn Boulevard color palette (#E8F2E6, #8DB6DD, #5063A5, #004E5A, #302355)
• Driftwood Grove color palette (#E8FAF0, #C6E3E9, #ABCADE, #A37C89, #3D544C)

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