Pine Archive color palette — #F0F7F0 · #8EBBA9 · #547F59 · #50577A · #254B3D
A conversation between Fern and Peacock, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F0F7F0): bright and airy, almost weightless.
- Sage (#8EBBA9): A luminous, dusty teal — the color of shallow lagoons.
- Fern (#547F59): A full-bodied, dusty green — the color of fresh herbs.
- Peacock (#50577A): A full-bodied, dusty violet — the color of a velvet chair.
- Forest (#254B3D): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.
Use it as a design system
One click turns Pine Archive 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
- Patina Cerulean color palette (#EEF8F3, #A1CAC6, #568B94, #676082, #385351)
- Worn Cypress color palette (#EAFAF0, #8BA47C, #187358, #603B65, #123E36)
- Olive Pier color palette (#F6F1E8, #BDB48E, #5F813E, #6D4954, #2C2712)
- Timeworn Cypress Harbor color palette (#FAF3F8, #C3E2EF, #4F92BB, #13744F, #37466C)
- Sand Quarry color palette (#FBF4EB, #D6DB98, #8ABB8C, #A78595, #44423B)
- Quiet Aubergine Grove color palette (#E1F1E9, #528956, #005046, #520248, #002205)
- Airy Brick color palette (#FFF0FB, #D08B7C, #1399B3, #AD3722, #004B59)
- Tempered Canyon color palette (#FFF0F7, #B17A55, #008B98, #276A8F, #4D2B3D)
Browse the whole catalog at Explore, or see today's palette.