Pine Basin color palette — #F8F3F9 · #BADBE4 · #47A3BE · #1A8229 · #103C64
Olive takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F8F3F9): a clean, paper-quiet neutral.
- Powder Blue (#BADBE4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#47A3BE): A luminous, balanced blue — the color of open sky before noon.
- Olive (#1A8229): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#103C64): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, 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
- Worn Veranda color palette (#FEF2EF, #CDE2FA, #55B5CF, #507B4C, #11304B)
- Hushed Periwinkle color palette (#FBF2F6, #B6DAF3, #6B95DE, #007D73, #3A3260)
- Lagoon Canyon color palette (#FAF4EB, #B0CFAD, #008894, #006247, #1A4430)
- Aged Lagoon color palette (#FAF3F5, #DBDDEC, #A0B1D5, #469497, #4E506B)
- Linen Cobalt Archive color palette (#F4E8F2, #76BFC6, #007FAB, #005D33, #001B4C)
- Antique Emerald color palette (#E5E0FF, #B67DBF, #45A03E, #00836A, #3A1F3F)
- Hushed Chestnut color palette (#DCEDE3, #A0B789, #8C8240, #804E08, #003838)
- Hushed Ultramarine color palette (#EFE4EB, #7EA8C2, #0064C1, #004B40, #12043E)
Browse the whole catalog at Explore, or see today's palette.