Pine Coast color palette — #FBF5E4 · #92A279 · #3E713C · #1C5649 · #36362F
A conversation between Olive and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#FBF5E4): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#92A279): A luminous, dusty green — the color of new leaves after rain.
- Olive (#3E713C): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#1C5649): A full-bodied, dusty teal — the color of shallow lagoons.
- Espresso (#36362F): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Pine 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
- Forest Loft color palette (#E9E6CC, #739770, #016542, #293D64, #113110)
- Fern Lantern color palette (#F5F7E4, #6EAA8D, #1C7265, #4B5000, #2B3C00)
- Hushed Lagoon Ridge color palette (#EFF8EE, #B6B88C, #5D8F5D, #2A6E76, #193D30)
- Dusty Parlor color palette (#F9F4EC, #CBC19E, #8A843B, #556C62, #5D4C00)
- Patina Pine color palette (#E7E9CC, #297D54, #004236, #00282D, #001409)
- Chalky Denim Villa color palette (#FCE6FD, #588FD8, #9E6F00, #19559F, #483000)
- Antique Mallow Ridge color palette (#FFF0FD, #F2C8DF, #CD9CD3, #43769A, #4C3446)
- Soft Cobalt color palette (#F6DBF2, #4C76CC, #AC4747, #2E6A2C, #3B2039)
Browse the whole catalog at Explore, or see today's palette.