Olive Coast color palette — #FFF2EA · #B3765C · #667018 · #0F5F3F · #2B382F
A conversation between Olive and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Caramel (#B3765C): A luminous, balanced orange — the color of toasted spice.
- Olive (#667018): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#0F5F3F): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#2B382F): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, muted.
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
- Worn Bronze color palette (#FFF3E2, #8C6200, #006038, #003E41, #092721)
- Patina Delta color palette (#FBF4E9, #A08B4D, #008061, #005C66, #3A2F3B)
- Chestnut Orchard color palette (#FDF2F1, #BA7193, #895400, #56531B, #30322C)
- Blush Lagoon color palette (#F8F2FF, #CB81B5, #858C54, #5F7147, #25313F)
- Washed Coast color palette (#FFF3E8, #D095A1, #A4635B, #625A2F, #58423B)
- Worn Cabin color palette (#FCEEEE, #B66DA1, #767530, #3C562D, #221623)
- Hushed Ridge color palette (#FFF2EE, #F2A2A6, #B5A66B, #958A59, #3D2F3C)
- Softworn Fern Summit color palette (#F8F1D5, #5C5E00, #004F4A, #003346, #131141)
Browse the whole catalog at Explore, or see today's palette.