Tempered Harbor color palette — #CEE8EC · #007D6B · #3C3EBA · #00332B · #01000A
Indigo and Teal set the tone — five colors that lean into creativity and calm.
The five colors
- Frost (#CEE8EC): A whisper-light, dusty blue — the color of open sky before noon.
- Teal (#007D6B): A full-bodied, balanced teal — the color of shallow lagoons.
- Indigo (#3C3EBA): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Forest (#00332B): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, Calm, Balance. Tagged cool.
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
- Weathered Navy color palette (#D9EFED, #00625E, #00438E, #293800, #000201)
- Muted Pine Studio color palette (#D9EDEA, #11811A, #005A8A, #033605, #000103)
- Soft Aubergine Market color palette (#D3EBFA, #007698, #831493, #003040, #030004)
- Antique Canyon color palette (#C0E7F4, #007A7F, #5E5600, #003235, #010100)
- Pine Field color palette (#CDE2F4, #0086C7, #197C10, #004062, #000200)
- Wandering Lagoon color palette (#C8EBE8, #00908D, #004C4A, #25262C, #000A0A)
- Charred Drift color palette (#D5EBEE, #005F52, #720048, #002721, #120008)
- Frosted Thicket color palette (#DBF2FF, #00A2C5, #AD3FCA, #00566B, #110017)
Browse the whole catalog at Explore, or see today's palette.