Tempered Harbor color palette — #CEEFF0 · #008661 · #003B3F · #001B1C · #000605
A conversation between Fern and Deep Teal, giving this palette its sense of sophistication.
The five colors
- Frost (#CEEFF0): A whisper-light, dusty teal — the color of shallow lagoons.
- Fern (#008661): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#003B3F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#001B1C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000605): quiet, heavy and certain.
Feels like: Sophistication. Tagged noir, dark, luxury, 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
- Hushed Cypress Pier color palette (#D5EFF4, #007069, #464047, #002935, #000C0F)
- Muted Alley color palette (#DAF4F5, #00A47E, #006157, #02373A, #000606)
- Dusty Workshop color palette (#C8E3F3, #0085A2, #113769, #001F28, #00090D)
- Lagoon Grove color palette (#D5E8EF, #00A3A8, #375063, #1C3138, #101A1B)
- Linen Scarlet Quarry color palette (#D8F4FF, #0098A7, #C8494D, #905400, #002529)
- Washed Studio color palette (#D4EBE1, #88B282, #2E8367, #565924, #143110)
- Wandering Cornflower color palette (#E2F0FF, #1185F4, #453F65, #15283C, #05131C)
- Cerulean Ridge color palette (#F7EAF3, #95D1D3, #1395B4, #006F4C, #00314E)
Browse the whole catalog at Explore, or see today's palette.