Tempered Harbor color palette — #CCE9F8 · #0085A0 · #885A00 · #5B3B00 · #000301
Built around Ochre, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Frost (#CCE9F8): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#0085A0): A full-bodied, balanced blue — the color of deep harbor water.
- Ochre (#885A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Bronze (#5B3B00): A deep, shadowed, balanced gold — the color of honey in a jar.
- Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Tempered 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
- Antique Parlor color palette (#CDF2F3, #00887B, #A54400, #772F00, #040100)
- Sunlit Boulevard color palette (#ECECDD, #0098B9, #754ABE, #4D4A00, #000C1C)
- Hushed Sapphire Cabin color palette (#CEE4FD, #0062DA, #5E4D00, #423600, #000300)
- Lowlit Parlor color palette (#C6F2F9, #005E54, #4E2900, #1B1700, #000200)
- Obsidian Garnet color palette (#DBEBE4, #005B7F, #780032, #332400, #000202)
- Hushed Bloom color palette (#DAE0F9, #A270FF, #007720, #005A4B, #000906)
- Tempered Drift color palette (#E0DAF7, #BF00C6, #BE004A, #703E00, #000203)
- Linen Olive Thicket color palette (#CEF8FF, #00B7A0, #AD7D00, #558000, #0D1900)
Browse the whole catalog at Explore, or see today's palette.