Tempered Harbor color palette — #F0F2DD · #27988D · #0069B1 · #393200 · #000403

Cobalt takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F0F2DD): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#27988D): A luminous, balanced teal — the color of shallow lagoons.
• Cobalt (#0069B1): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#393200): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#000403): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged pastel, light, 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

• Jade Studio color palette (#E6E2C5, #5FA175, #00768D, #402300, #000200)
• Lapis Thicket color palette (#DFEAD8, #459BBC, #6154C0, #293C00, #000405)
• Quiet Cobalt Bloom color palette (#D6F4EF, #4AB7AB, #3A80D3, #604B00, #000F12)
• Muted Cerulean color palette (#C8EEEF, #63C9B8, #00A1B7, #2A4B00, #000201)
• Inked Alley color palette (#E4ECE0, #006758, #48004B, #00251E, #040001)
• Worn Alley color palette (#E1F1E4, #75A3E7, #A157AA, #004C3A, #000A15)
• Iris Balcony color palette (#CEE7CD, #7CB5D7, #8D7BD9, #005C20, #001205)
• Brick Veranda color palette (#FFEBDC, #B20022, #006148, #040C0C, #010100)

Browse the whole catalog at Explore, or see today's palette.