Olive Ridge color palette — #E0F8F3 · #8BB176 · #4498C1 · #447322 · #002B3E

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

The five colors

• Ivory (#E0F8F3): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#8BB176): A luminous, balanced green — the color of a quiet forest floor.
• Cerulean (#4498C1): A luminous, balanced blue — the color of deep harbor water.
• Olive (#447322): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#002B3E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

Use it as a design system

One click turns 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 Market color palette (#E8F6EC, #BBA250, #18A29A, #796200, #002F2C)
• Worn Iris color palette (#DBF8FD, #46B9AB, #8285CF, #00756A, #222245)
• Gentle Olive Dune color palette (#F5F7E8, #82AD77, #937BC0, #2C790E, #483964)
• Pine Harbor color palette (#DDF8F8, #6EB68E, #BC7E41, #00784A, #3D1929)
• Sunlit Emerald color palette (#F5F6EA, #9EC495, #44B0E7, #399813, #194860)
• Driftwood Meadow color palette (#DEF8F5, #BDDDEB, #98D3C3, #6A8055, #123836)
• Worn Pine Lantern color palette (#C5FFFA, #94C997, #498D58, #004B1B, #001903)
• Softworn Violet color palette (#D1EFFC, #07A3B7, #9362B8, #00606D, #260F36)

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