Tempered Grove color palette — #F4E9DD · #76A7D3 · #304BA8 · #002A31 · #010008

A conversation between Indigo and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Cream (#F4E9DD): a clean, paper-quiet neutral.
• Blue Fog (#76A7D3): A luminous, balanced blue — the color of open sky before noon.
• Indigo (#304BA8): A full-bodied, balanced violet — the color of a velvet chair.
• Midnight (#002A31): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#010008): A deep, shadowed, dusty violet — the color of wild irises.

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

• Washed Veranda color palette (#EFDFD7, #15B7C5, #005D79, #002D20, #000104)
• Misty Navy color palette (#E3EEE5, #5A85AB, #05328B, #00212B, #06002B)
• Worn Indigo color palette (#FAECDD, #77A6CF, #5D6CC1, #005D5F, #100021)
• Cobalt Workshop color palette (#FEF3EA, #87D8FF, #307CCC, #005151, #06042F)
• Washed Azure color palette (#FFF2EC, #ADF3FF, #399DC9, #006C57, #001E3F)
• Sky Workshop color palette (#FFF2EB, #D6D7E7, #70ADDA, #287E73, #1E2E4C)
• Muted Thicket color palette (#FFE5E8, #9E003E, #00524A, #003844, #040001)
• Softworn Plum color palette (#EEDEDA, #C40054, #006164, #550020, #000202)

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