Garnet Coast color palette — #F1F3E8 · #8FA984 · #007184 · #6E2F3C · #12210B

Oxblood and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F1F3E8): bright and airy, almost weightless.
• Sage (#8FA984): A luminous, dusty green — the color of new leaves after rain.
• Teal (#007184): A full-bodied, balanced blue — the color of open sky before noon.
• Oxblood (#6E2F3C): A deep, shadowed, balanced red — the color of embers at dusk.
• Onyx (#12210B): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Wandering Cypress Basin color palette (#FAF1E1, #A4A279, #147654, #593762, #1F1D00)
• Softworn Cypress Grove color palette (#F5F2E6, #88AB86, #1E7464, #4C4814, #1C1E00)
• Cerulean Terrace color palette (#E5FBF6, #7BC5B0, #0091A0, #84525F, #1C3B3E)
• Antique Cypress Delta color palette (#E0F5D1, #66BEAA, #007F5F, #003E2A, #00120B)
• Mulberry Ridge color palette (#D7E3CD, #009172, #A44194, #9E0D48, #001911)
• Lagoon Thicket color palette (#E8FAF7, #A7DEC5, #499A8E, #7A5E36, #002F30)
• Pine Coast color palette (#E6E2D3, #89A04B, #008338, #005340, #002929)
• Fern Hollow color palette (#F7E7D8, #998F51, #396215, #004242, #161200)

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