Tempered Cobalt color palette — #F7F0EB · #ABD2BE · #527FB1 · #005D4E · #1C1B40
Built around Slate, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Cream (#F7F0EB): a clean, paper-quiet neutral.
- Pistachio (#ABD2BE): A whisper-light, dusty teal — the color of glacier melt.
- Slate (#527FB1): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005D4E): A full-bodied, dusty teal — the color of glacier melt.
- Deep Indigo (#1C1B40): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Cobalt 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
- Sunlit Cobalt color palette (#FDEFE8, #80C9D4, #007AAE, #005436, #030E4F)
- Aged Cobalt Studio color palette (#FAF4EB, #AACFBC, #317FB2, #005F64, #213B5E)
- Antique Cypress Orchard color palette (#F8F0E9, #C6E4DB, #7F89BF, #006C70, #40202E)
- Muted Sky color palette (#EFF8F0, #D9D6E2, #69AEDF, #007E84, #172F4E)
- Patina Denim Loft color palette (#EADDD8, #4A989A, #005169, #002E10, #000410)
- Denim Alley color palette (#EFE4DB, #78A3BC, #2F53A2, #003A36, #0E0029)
- Dusty Navy Studio color palette (#F6E7DC, #4E7F99, #0C3580, #00201C, #020009)
- Timeworn Amber color palette (#FBE4D4, #CF773A, #0088AF, #843F00, #00202C)
Browse the whole catalog at Explore, or see today's palette.