Pine Basin color palette — #F9F3F9 · #CAE2F8 · #6AB0C6 · #578955 · #2C4A67
A conversation between Fern and Cyan, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F3F9): bright and airy, almost weightless.
- Powder Blue (#CAE2F8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#6AB0C6): A luminous, dusty blue — the color of deep harbor water.
- Fern (#578955): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#2C4A67): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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
- Aqua Lantern color palette (#FBF3F1, #C0E2E5, #61CBEA, #5A9259, #1F483F)
- Softworn Cypress Canyon color palette (#F8F5EF, #D0E2CF, #4598A2, #007454, #2C513E)
- Iris Chapel color palette (#FFF1F5, #BCDFFF, #7C95F0, #008283, #48306D)
- Azure Veranda color palette (#FFF0FB, #87D9ED, #2094DC, #007557, #212C67)
- Blush Parlor color palette (#FEF0FF, #E8828E, #23AAC0, #4C86B1, #433045)
- Wandering Garden color palette (#FFF0FD, #F39D96, #33BCAD, #BB625D, #0E4D46)
- Hazy Cobalt Alley color palette (#F2E6ED, #82BCCC, #0079C4, #005B46, #151849)
- Denim Studio color palette (#E9D9E0, #549CC0, #2C559E, #003C37, #0B0027)
Browse the whole catalog at Explore, or see today's palette.