Pine Basin color palette — #F1F3E9 · #9BBE9B · #62A4D1 · #408342 · #08354E
A conversation between Fern and Cyan, giving this palette its sense of nature and growth.
The five colors
- Cream (#F1F3E9): a clean, paper-quiet neutral.
- Sage (#9BBE9B): A luminous, dusty green — the color of a quiet forest floor.
- Cyan (#62A4D1): A luminous, balanced blue — the color of deep harbor water.
- Fern (#408342): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Teal (#08354E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.
Use it as a design system
One click turns Pine Basin 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
- Ancient Cypress Station color palette (#EBF5E8, #81C2B7, #9197CF, #008477, #422639)
- Timeworn Moss color palette (#EBF9F6, #ABD19C, #6CBCE7, #6A9C56, #325167)
- Timeworn Terrace color palette (#E9F9F5, #9CBC81, #B183CB, #5A8036, #4C4A62)
- Powdered Cornflower Balcony color palette (#ECF7D8, #35B277, #2C82E6, #006D43, #001F46)
- Washed Bronze color palette (#F3F3E1, #89A776, #3A9EA3, #9F6C2F, #292912)
- Dusty Forest color palette (#F1F5D9, #C4CCA2, #6B976B, #285D28, #0A280D)
- Worn Corridor color palette (#F6F2E3, #B8B783, #CB868F, #7A750A, #4C2229)
- Wandering Bronze color palette (#F9F0E7, #CBB7A3, #AA7642, #774C33, #352A1B)
Browse the whole catalog at Explore, or see today's palette.