Twilit Olive Ridge color palette — #D3F5EF · #357616 · #042B2E · #00100D · #000301

Built around Olive, softened by Deep Forest — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D3F5EF): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#357616): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#042B2E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00100D): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Cypress Basin color palette (#CCE9EF, #00756B, #00293B, #000F13, #000303)
• Eclipse Chestnut color palette (#E1EFE5, #7B6100, #052C24, #001105, #050102)
• Twilit Drift color palette (#CFF8F4, #00531E, #1C1F26, #001210, #000201)
• Dusty Emerald color palette (#DFE0CC, #55933B, #354627, #232404, #100D05)
• Hushed Lagoon color palette (#E0F1F5, #339391, #2C3E4A, #122125, #060E0E)
• Hushed Pine Station color palette (#E8F6EA, #A0A574, #4A703E, #324E38, #002318)
• Soft Mulberry color palette (#D7EAEE, #008F82, #A24E71, #95344B, #00181C)
• Wandering Cobalt color palette (#F9EEF3, #A7CDE7, #4A7FB6, #005B5A, #161D40)

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