Tempered Garnet Coast color palette — #F8D4CF · #688321 · #00585C · #620031 · #002D12

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

The five colors

• Shell Pink (#F8D4CF): A whisper-light, dusty orange — the color of toasted spice.
• Olive Leaf (#688321): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#00585C): A full-bodied, dusty blue — the color of deep harbor water.
• Mulberry (#620031): A deep, shadowed, balanced rose — the color of strawberry cream.
• Deep Forest (#002D12): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance. Tagged retro.

Use it as a design system

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

• Gentle Pine color palette (#F6D7C5, #378B49, #00556C, #5B1A00, #002B23)
• Dusty Aubergine color palette (#FBD5C5, #927200, #005B41, #580055, #222800)
• Gentle Pine color palette (#DDEDE0, #009141, #005855, #480056, #00130A)
• Emerald Coast color palette (#F0DBBB, #29AD57, #007974, #652A73, #1D2909)
• Hushed Forest color palette (#E9E5D5, #739674, #006356, #424000, #0D3211)
• Aubergine Workshop color palette (#E5E2D0, #5F7200, #52298E, #5B0015, #2F1000)
• Patina Cocoa Orchard color palette (#FFF2EB, #72A67F, #127495, #7A3722, #314328)
• Cellar Forest Veranda color palette (#FAD7C3, #006943, #00344D, #2B1000, #000F0D)

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