Pine Basin color palette — #FEF3ED · #C1DDC3 · #4BA2BC · #197F58 · #0F3E5C
A conversation between Teal and Cyan, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FEF3ED): bright and airy, almost weightless.
- Celadon Mist (#C1DDC3): A whisper-light, dusty green — the color of a quiet forest floor.
- Cyan (#4BA2BC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#197F58): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#0F3E5C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, 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
- Tempered Azure Drift color palette (#FFF2EC, #9CE9FC, #39A6E1, #008472, #1A3E75)
- Tempered Grove color palette (#F6ECE6, #A2D0BA, #4C8BC4, #006C68, #1F2B52)
- Patina Aqua Orchard color palette (#F5F6EF, #CDE9CF, #24C7DA, #2B9F94, #00424F)
- Denim Drift color palette (#F4E5DE, #51A0A9, #00617E, #003D2D, #000A18)
- Petrol Chapel color palette (#F1E4DB, #5BADD3, #1967B2, #004A4A, #0A0640)
- Airy Emerald Garden color palette (#F0EDDC, #9FB14E, #549239, #0D7233, #00473A)
- Pine Thicket color palette (#EDF1DC, #7FD083, #B578D0, #147726, #462455)
- Emerald Meadow color palette (#DCFFE9, #7BCFA2, #379C6A, #00633D, #002713)
Browse the whole catalog at Explore, or see today's palette.