Olive Ridge color palette — #F9F5E7 · #868400 · #006B66 · #6A352E · #362A1A

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

The five colors

• Ivory (#F9F5E7): a clean, paper-quiet neutral.
• Olive Leaf (#868400): A full-bodied, balanced green — the color of new leaves after rain.
• Teal (#006B66): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#6A352E): A deep, shadowed, dusty orange — the color of toasted spice.
• Espresso (#362A1A): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Sophistication. Tagged jewel, vibrant, muted.

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

• Muted Lantern color palette (#F3F8E6, #369F62, #007177, #1C4B73, #3B3831)
• Tempered Lantern color palette (#F6F6ED, #D5DDD4, #B7C3B8, #7E762D, #49483F)
• Faded Grove color palette (#F6F2E3, #85811E, #285B8B, #5A2D61, #1E0B00)
• Chalky Rust color palette (#FFF2E9, #BE5800, #49690A, #602E56, #3A2922)
• Softworn Mulberry Thicket color palette (#EBF9F2, #9E9E4E, #3F7AAB, #7E487E, #382430)
• Aged Canyon color palette (#EFEFCA, #456700, #004C54, #4C1D00, #1A1400)
• Celadon Summit color palette (#F5F7E4, #D0EE82, #96D18A, #429D7D, #41433C)
• Linen Jade color palette (#E5FFD0, #7AB77C, #3A8555, #005B3E, #004537)

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