Tempered Cobalt Harbor color palette — #F0F5FF · #5674C2 · #2B6531 · #005350 · #1B2E3B
A conversation between Sapphire and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F0F5FF): bright and airy, almost weightless.
- Sapphire (#5674C2): A full-bodied, balanced violet — the color of twilight just after sunset.
- Pine (#2B6531): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#005350): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Onyx (#1B2E3B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Tempered Cobalt Harbor 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
- Iris Lantern color palette (#F1F5FF, #838AC2, #40775C, #005C60, #293745)
- Muted Drift color palette (#E9F8FF, #008696, #745900, #334B06, #092D31)
- Muted Study color palette (#F5F4FF, #80449A, #00595A, #003853, #151B32)
- Ancient Terracotta color palette (#F3EFFE, #9D5E96, #9F441E, #004D1B, #071429)
- Muted Garden color palette (#F7F3FF, #965A87, #8A3E00, #564500, #16332E)
- Softworn Corridor color palette (#FFF1F5, #AA89C1, #B05A34, #00743A, #3C2533)
- Hushed Ridge color palette (#F4F4FC, #E0D8E1, #C9BBC7, #816992, #464654)
- Soft Lapis color palette (#EEF3FF, #4D02E6, #005232, #00393C, #001932)
Browse the whole catalog at Explore, or see today's palette.