Tempered Coast color palette — #E8FAEF · #9DC18A · #359376 · #635E80 · #183D37

Built around Fern, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#E8FAEF): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#9DC18A): A luminous, balanced green — the color of new leaves after rain.
• Fern (#359376): A full-bodied, balanced teal — the color of shallow lagoons.
• Graphite (#635E80): A full-bodied, dusty violet — the color of a velvet chair.
• Forest (#183D37): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Timeworn Lagoon color palette (#E9FAF3, #9DCFCE, #46A09C, #786A8D, #2B4848)
• Softworn Lagoon Grove color palette (#FAF5E7, #BBDBAD, #5A997B, #805561, #2A2A05)
• Cypress Market color palette (#D3EBE3, #76B593, #008282, #76425C, #03321E)
• Misty Pine color palette (#DEF1E0, #A3B73E, #008F48, #6D468F, #2B3200)
• Hushed Jade Balcony color palette (#F9F6E3, #7FA96C, #33714B, #673D41, #36362F)
• Hushed Periwinkle color palette (#FDF1F6, #B8DAF1, #6095E7, #007D71, #393559)
• Softworn Garnet color palette (#D0F1E8, #389677, #005E64, #5F1840, #00140C)
• Wandering Courtyard color palette (#E4F3E3, #D69B4C, #00A6C9, #9B6400, #003C4B)

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