Tempered Ridge color palette — #F6EFF6 · #A5CFDE · #3785A9 · #005F34 · #0A1F41
A conversation between Pine and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Blush (#F6EFF6): bright and airy, almost weightless.
- Powder Blue (#A5CFDE): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#3785A9): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005F34): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#0A1F41): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Ridge 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
- Tempered Grove color palette (#F9EFF2, #B2CBE1, #6376C3, #005B5C, #26173C)
- Dusty Cerulean Lagoon color palette (#EFF8F1, #9ECEDE, #00869E, #006151, #1E3E53)
- Turquoise Drift color palette (#F9F4EE, #BCE3EA, #42B7D1, #00816C, #003347)
- Softworn Villa color palette (#EADCE8, #537F92, #004060, #002014, #00000C)
- Dusty Denim color palette (#E9DAE5, #79A3B6, #005E8E, #003B29, #030032)
- Gentle Olive Corridor color palette (#E6DCF0, #AA6088, #468018, #00664A, #260619)
- Timeworn Nightshade color palette (#F2E6EB, #6390AB, #0F3BAA, #002C29, #060017)
- Tempered Petrol Orchard color palette (#F2F0FF, #F2CDDB, #C9A77C, #6063AB, #3E1C2E)
Browse the whole catalog at Explore, or see today's palette.