Tempered Turquoise color palette — #F8F3F8 · #D1D5E7 · #1FB8D9 · #4C7D44 · #0A314E

Cyan and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F3F8): bright and airy, almost weightless.
• Silver (#D1D5E7): A whisper-light, dusty violet — the color of wild irises.
• Cyan (#1FB8D9): A luminous, balanced blue — the color of deep harbor water.
• Olive (#4C7D44): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#0A314E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Turquoise 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 Corridor color palette (#FBF2F6, #D8D4DF, #76A6F5, #008075, #2D284D)
• Azure Parlor color palette (#FCF2F8, #BDEFFF, #3697E8, #006C56, #17193E)
• Hushed Lagoon color palette (#FCF4E9, #CCEAC9, #55C4D1, #41A07D, #1D4331)
• Timeworn Lagoon Field color palette (#EAF4F2, #A0D1DD, #008D93, #005D4F, #00262B)
• Wandering Taupe Summit color palette (#E4FAFF, #D7DDE8, #B6A8A1, #839F69, #123341)
• Teal Archive color palette (#E7DCE7, #52B3B6, #005D79, #002E10, #000105)
• Hazy Coral color palette (#E1FBFF, #51D8C5, #FF7564, #00897B, #431914)
• Worn Delta color palette (#FAF3F5, #D9D4DE, #BBC9FF, #53A0A2, #494B63)

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