Tempered Harbor color palette — #EFF8F3 · #A1A359 · #2198BC · #8A5A80 · #27382F
Cerulean and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EFF8F3): a clean, paper-quiet neutral.
- Moss (#A1A359): A luminous, balanced green — the color of a quiet forest floor.
- Cerulean (#2198BC): A luminous, balanced blue — the color of deep harbor water.
- Graphite (#8A5A80): A full-bodied, balanced pink — the color of a candy shop window.
- Deep Forest (#27382F): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Creativity, 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
- Worn Grove color palette (#FCF2F6, #C68F66, #009EA5, #7A5A84, #3F3037)
- Ancient Studio color palette (#F9F5E8, #C7BE7E, #5F97C7, #84648B, #322215)
- Cerulean Dune color palette (#ECF9F4, #AABA76, #698DC4, #8B5572, #513852)
- Worn Cobalt Coast color palette (#EBF8F8, #6DAD8A, #6C7DBF, #935248, #233533)
- Timeworn Orchard color palette (#FFF0F7, #BDC38E, #49A68A, #8B5E7E, #334E49)
- Patina Taupe color palette (#EDF8F2, #B0A85B, #649A67, #506A96, #40333F)
- Hushed Jade Market color palette (#E4F6F4, #6DAD73, #405E63, #2D3B3A, #1D2321)
- Quiet Mulberry color palette (#E2FCF2, #8EA000, #0076CE, #930948, #212700)
Browse the whole catalog at Explore, or see today's palette.