Tempered Harbor color palette — #F1F7ED · #A2E5D1 · #B2C4FE · #3BC1A2 · #5E4358

Turquoise and Sky set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#F1F7ED): bright and airy, almost weightless.
• Mint (#A2E5D1): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#B2C4FE): A whisper-light, balanced violet — the color of twilight just after sunset.
• Turquoise (#3BC1A2): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#5E4358): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Creativity, Calm, Sophistication, Softness, Clarity. Tagged light, muted, 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

• Wandering Turquoise color palette (#EDF8F2, #A1E0F5, #DEB6EA, #21BADF, #66414A)
• Clover Boulevard color palette (#F5F7E7, #BFE0B6, #97CFF4, #77BD63, #27526D)
• Dusty Basin color palette (#E6F9FC, #ADF7E5, #FAAFE9, #39B09A, #4A415B)
• Washed Lagoon color palette (#F0F8EB, #90D4C1, #DA9AC0, #00A387, #674142)
• Patina Quarry color palette (#ECF9ED, #99E4E8, #D0CA8D, #37BDC4, #5F4A00)
• Weathered Jade Courtyard color palette (#F4F7EB, #BDE0BC, #FBB48F, #6FBE71, #69422D)
• Softworn Aqua color palette (#E6FCE8, #00DFE9, #BEA5FF, #00ACB3, #432673)
• Hushed Lagoon Drift color palette (#E8FCE2, #B5E7D4, #73C8BF, #009C8F, #004540)

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