Tempered Cobalt Ridge color palette — #F7F0ED · #AFD2B8 · #2C84B4 · #005E3E · #101E42
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7F0ED): a clean, paper-quiet neutral.
- Pistachio (#AFD2B8): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#2C84B4): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005E3E): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#101E42): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Cobalt 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
- Powdered Cornflower Workshop color palette (#FAEFE8, #9EDAF3, #2F83E2, #006455, #211758)
- Sapphire Pier color palette (#F0E7E0, #91BFAD, #4066BB, #004C47, #1A053D)
- Hushed Chapel color palette (#FAF4EB, #95D1DB, #0085A7, #006158, #124437)
- Weathered Pier color palette (#F9F3F8, #B3DCEC, #00A1DF, #217E54, #283A5D)
- Indigo Delta color palette (#F6E1EC, #796BC9, #866B00, #4D5F18, #230819)
- Washed Navy Hollow color palette (#F2E6E0, #3F8393, #003F65, #002016, #00000C)
- Cypress Lantern color palette (#F7F0ED, #CCE0DC, #79A896, #347B57, #432E41)
- Wandering Petrol color palette (#FFEBFB, #FBC9E1, #E493A0, #007796, #3A1E2E)
Browse the whole catalog at Explore, or see today's palette.