Hushed Olive Ridge color palette — #ECF4F2 · #A1BF84 · #008873 · #497300 · #001214

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

The five colors

• Ivory (#ECF4F2): a clean, paper-quiet neutral.
• Sage (#A1BF84): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#008873): A full-bodied, balanced teal — the color of sea glass.
• Olive (#497300): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#001214): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Balance. Tagged duotone, muted.

Use it as a design system

One click turns Hushed Olive Ridge 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

• Softworn Olive color palette (#ECF4EF, #C2B37D, #64812B, #776300, #00120E)
• Weathered Corridor color palette (#EBF4F5, #84C2B2, #008397, #007663, #001119)
• Hushed Boulevard color palette (#F8F5ED, #B9B358, #007E87, #686200, #18291B)
• Worn Thicket color palette (#BCF4F1, #7DBFA0, #199077, #00594F, #002626)
• Washed Navy color palette (#E0F8F1, #66AE88, #007C6E, #14477C, #00292B)
• Timeworn Emerald color palette (#F6F6EF, #AFD289, #00AA6D, #688F30, #212715)
• Pine Lantern color palette (#ECF4F2, #CFDADE, #AEC0C9, #588154, #1E302E)
• Antique Pier color palette (#DBF3F1, #12B255, #006A61, #005C28, #000504)

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