Tempered Coast color palette — #EFF5E1 · #5DD287 · #6B8646 · #53564B · #21221D

Built around Mint Leaf, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Cream (#EFF5E1): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#5DD287): A luminous, balanced teal — the color of sea glass.
• Olive Leaf (#6B8646): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#53564B): quiet, heavy and certain.
• Onyx (#21221D): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Mustard Garden color palette (#F8F2E0, #C3BB47, #897C33, #585449, #24211B)
• Timeworn Aqua Loft color palette (#EAF5EC, #00CFD9, #6D8174, #4E574F, #1F231E)
• Patina Orchard color palette (#F0F4E3, #5EB074, #505C4D, #343D00, #23221C)
• Teal Canyon color palette (#D9E5D1, #00BB9C, #36736E, #3A4632, #0F1408)
• Lagoon Study color palette (#D9EDD4, #00A196, #145F63, #253521, #030501)
• Softworn Seafoam Lagoon color palette (#EBFDD5, #8FF2D1, #71D0BD, #5D9B93, #445A43)
• Hushed Hollow color palette (#E6FCE8, #3AE0E6, #A2BDF6, #A0B790, #384739)
• Timeworn Seafoam color palette (#F0F8ED, #78EDDA, #E3C37C, #71B8AB, #514C46)

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