Tempered Grove color palette — #F0DBE3 · #487FA1 · #003681 · #001F21 · #01000A

A conversation between Navy and Slate, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#F0DBE3): A whisper-light, dusty rose — the color of strawberry cream.
• Slate (#487FA1): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#003681): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#001F21): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Airy Nightshade Alley color palette (#F9E2EA, #5390BF, #173DA4, #002B30, #040019)
• Lagoon Ridge color palette (#F0E1EB, #318788, #004351, #002112, #000103)
• Denim Lagoon color palette (#DEE4D2, #7EA8C5, #005891, #002937, #000105)
• Timeworn Petrol color palette (#F2E4EE, #7BC1C5, #007793, #004E35, #00172A)
• Nocturne Summit color palette (#FDD9E4, #6C4100, #004258, #2E1900, #000103)
• Softworn Cypress color palette (#FAEEF3, #C3E1F6, #7090B8, #066C6D, #1F2B46)
• Shadow Onyx color palette (#F3E7DB, #553300, #003454, #1C1342, #020100)
• Eclipse Chestnut Study color palette (#ECDCC4, #825500, #402800, #110700, #020100)

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