Tempered Coast color palette — #F5F7E8 · #6AAB8B · #087365 · #2E553D · #343730

Built around Teal, softened by Jade — the whole palette hums with nature and growth.

The five colors

• Ivory (#F5F7E8): bright and airy, almost weightless.
• Jade (#6AAB8B): A luminous, balanced teal — the color of sea glass.
• Teal (#087365): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#2E553D): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#343730): a grounded near-black with real depth.

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

• Taupe Bloom color palette (#FDF4E3, #9EA056, #556C36, #315345, #37352F)
• Patina Cypress Cabin color palette (#F4F3E0, #9AA67D, #017568, #154D62, #191F03)
• Wandering Coast color palette (#EAF9F4, #95C1A3, #2D9284, #3C6A7E, #103D3C)
• Moss Hollow color palette (#F4ECC6, #69A449, #006D3A, #1E4373, #1A3608)
• Weathered Terrace color palette (#FBF4EA, #99CEE7, #397EB2, #005F66, #493148)
• Wandering Terrace color palette (#F6F6EB, #A5CDA8, #5D8D78, #715F6E, #4B5302)
• Dusty Terrace color palette (#F1E2CE, #9C8D28, #505C00, #43355B, #332707)
• Muted Bronze color palette (#F0E0C8, #877C08, #3D4B00, #003443, #231900)

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