Soft Pine Coast color palette — #F5F7E9 · #84AC7C · #C76E43 · #1F7A05 · #64331D
A conversation between Olive and Coral Clay, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F5F7E9): a clean, paper-quiet neutral.
- Sage (#84AC7C): A luminous, balanced green — the color of fresh herbs.
- Coral Clay (#C76E43): A luminous, balanced orange — the color of toasted spice.
- Olive (#1F7A05): A full-bodied, vivid green — the color of fresh herbs.
- Cocoa (#64331D): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
Use it as a design system
One click turns Soft 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
- Muted Basin color palette (#EEF9E9, #57B2A0, #AF801D, #007667, #553E0F)
- Gentle Peony color palette (#FDF4E2, #AFA058, #C26986, #766500, #603140)
- Weathered Peony color palette (#F0F4E1, #74B67D, #BB6CB6, #2A7639, #3E1B21)
- Dusty Archive color palette (#F5F8DE, #61995B, #008B9A, #8C5E00, #383932)
- Dusty Olive Field color palette (#F9F6E4, #98A861, #009AB5, #5D6F00, #004B59)
- Fuchsia Summit color palette (#E2FBF9, #8BC996, #DB89E0, #338E4C, #533754)
- Fern Station color palette (#F1F8E6, #C0EDD6, #93DAD4, #5A8B61, #415B1B)
- Cypress Garden color palette (#EEF9EC, #7DBEB9, #9390D0, #00847F, #634155)
Browse the whole catalog at Explore, or see today's palette.