Olive Coast color palette — #F0F0DB · #4F810B · #006D7D · #004876 · #29280F

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

The five colors

• Cream (#F0F0DB): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#4F810B): A full-bodied, balanced green — the color of fresh herbs.
• Teal (#006D7D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#004876): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Onyx (#29280F): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Sunlit Emerald color palette (#F2F8E4, #2E975C, #007AA9, #3A4D91, #32342D)
• Soft Navy color palette (#F2F8EA, #007356, #004E7C, #302575, #33181C)
• Hushed Parlor color palette (#F4EFD9, #71942F, #006E2B, #004859, #31312A)
• Gentle Loft color palette (#F6E7D1, #996B00, #3366A0, #114479, #190D00)
• Feathered Garden color palette (#E9FCDF, #008A77, #0761CC, #4E3393, #1E3212)
• Wandering Fern Lagoon color palette (#EDEFD6, #1A6201, #004B5D, #002657, #021200)
• Feathered Rust Workshop color palette (#FFEADF, #BE3F23, #5D6800, #5A2A76, #382013)
• Fern Hollow color palette (#F7F5ED, #D5DBD1, #B6B59A, #676826, #3C3A34)

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