Tempered Grove color palette — #FBF3EF · #C3E1EC · #8DB7D8 · #56938B · #604A5D
Built around Sky, softened by Storm Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#FBF3EF): a clean, paper-quiet neutral.
- Powder Blue (#C3E1EC): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#8DB7D8): A luminous, dusty blue — the color of deep harbor water.
- Storm Blue (#56938B): A luminous, dusty teal — the color of shallow lagoons.
- Charcoal Brown (#604A5D): A full-bodied, dusty pink — the color of neon signs at night.
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
- Hushed Hollow color palette (#FCF3EF, #C1E2E9, #83BBD1, #7C8D68, #2C5349)
- Petrol Basin color palette (#EFF7F6, #D4DCED, #779FB9, #027D8A, #39566C)
- Hushed Powder color palette (#FFF0F7, #B3A8E0, #AAA86E, #679972, #523A46)
- Faded Iris Hollow color palette (#FBF4EC, #BAE0FF, #6B97F9, #00818D, #3D3867)
- Dusty Lilac Harbor color palette (#D0FAED, #B2CDFF, #979AD8, #8272A5, #6A4550)
- Tempered Harbor color palette (#FEF1F9, #B8C0F8, #A6BB7C, #7F87C3, #4E4D46)
- Cypress Garden color palette (#FDF3EE, #BAE0C2, #53A0C1, #007F62, #193D5E)
- Ultramarine Coast color palette (#F4E8DD, #6EAACF, #1A60C8, #00494D, #110143)
Browse the whole catalog at Explore, or see today's palette.