Tempered Coast color palette — #EDF9EC · #39BCB5 · #5571C2 · #644200 · #00211F

A conversation between Sapphire and Turquoise, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#EDF9EC): A whisper-light, dusty green — the color of fresh herbs.
• Turquoise (#39BCB5): A luminous, balanced teal — the color of shallow lagoons.
• Sapphire (#5571C2): A full-bodied, balanced violet — the color of a velvet chair.
• Bronze (#644200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#00211F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Tempered Coast 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

• Faded Violet Alley color palette (#EEF9EC, #4BBAB2, #9A56AB, #484F00, #00211F)
• Cobalt Quarry color palette (#F7F6E8, #92B45F, #3478C2, #763400, #142000)
• Aubergine Station color palette (#DFF3E9, #0088B1, #733A7D, #512600, #001A06)
• Aged Cerulean Station color palette (#E6FBF3, #3193CC, #48293C, #00140E, #000200)
• Plum Pier color palette (#DEFEED, #00AAD2, #A828A2, #004E14, #00151D)
• Wandering Lagoon Grove color palette (#FCF4E6, #D4D3A7, #4C9C7C, #2D6C83, #2B290B)
• Wandering Mulberry color palette (#E1F6FD, #00888D, #8D2B42, #4E3500, #272800)
• Lilac Veranda color palette (#FFF0F9, #9C9BF2, #937100, #5D4600, #002210)

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