Olive Basin color palette — #F3F1DB · #697200 · #354500 · #031800 · #000200

A conversation between Olive and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#F3F1DB): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive (#697200): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#354500): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#031800): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Tempered Pine Station color palette (#DEF0CF, #0F7E19, #00542E, #002016, #000201)
• Aged Olive Station color palette (#F1E9D3, #808100, #4A6700, #0B4C06, #001107)
• Bronze Basin color palette (#EDE0D8, #995E00, #4F3500, #1F1700, #010100)
• Hushed Aubergine color palette (#E1E2C5, #53891B, #631596, #1A3300, #020006)
• Sunlit Jade Boulevard color palette (#E2F6DF, #00B265, #007055, #003933, #001313)
• Soft Teal color palette (#CAECC4, #73CDA8, #1CA7AE, #4C5000, #000200)
• Quiet Navy Garden color palette (#E3F6DF, #1B6600, #003E9A, #630014, #000200)
• Pale Pier color palette (#F8E4DC, #7564FF, #008766, #060F09, #010100)

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