Pine Basin color palette — #FBF1FC · #8ADCD4 · #009CB9 · #1E7805 · #003659
Built around Olive, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Ivory (#FBF1FC): a clean, paper-quiet neutral.
- Lagoon (#8ADCD4): A whisper-light, balanced teal — the color of sea glass.
- Cerulean (#009CB9): A luminous, balanced blue — the color of open sky before noon.
- Olive (#1E7805): A full-bodied, vivid green — the color of fresh herbs.
- Navy (#003659): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Chalky Loft color palette (#FFF2EB, #B3FFF9, #00ADC4, #00773F, #00283B)
- Frosted Boulevard color palette (#FFF0F9, #62DDFB, #0093E6, #007559, #22296E)
- Ancient Olive Basin color palette (#C8EAF9, #009AC4, #997E00, #657900, #002936)
- Softworn Forest color palette (#E5DEE5, #74C0C0, #0081A2, #005E22, #001F41)
- Turquoise Meadow color palette (#E6FAF5, #9EEAE4, #00C2C7, #009A82, #003A41)
- Worn Sky Coast color palette (#FAF2F9, #C3ECFD, #53AFE2, #3F8C66, #39485F)
- Iris Workshop color palette (#FCF2F5, #B2DAFB, #7C8FE1, #007B7E, #403355)
- Patina Mallow color palette (#EEF6FF, #D2D2FF, #FF9AC3, #008C8F, #2A3057)
Browse the whole catalog at Explore, or see today's palette.