Pine Basin color palette — #FFF0FF · #B4FEFF · #00A9D6 · #007832 · #00244B
Built around Olive, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Blush (#FFF0FF): A whisper-light, dusty pink — the color of neon signs at night.
- Sea Foam (#B4FEFF): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#00A9D6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive (#007832): A full-bodied, balanced green — the color of a quiet forest floor.
- Midnight (#00244B): 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
- Faded Thicket color palette (#FEF0FB, #D0DAF4, #00A7E4, #007748, #001964)
- Turquoise Hollow color palette (#FFF4E2, #9CEAEA, #00BFD8, #009B7A, #00394B)
- Dusty Periwinkle Archive color palette (#FFF0F8, #D5D4E2, #79B1F9, #008A78, #302A66)
- Quiet Forest color palette (#FFF2EE, #57CCCE, #00799A, #005A24, #003265)
- Aged Pier color palette (#E7F6EA, #6FCDCE, #008091, #005341, #001E29)
- Mint Bloom color palette (#D0FFCB, #00CCA3, #008C8C, #005769, #002844)
- Glacier Terrace color palette (#E7F9FF, #54E2FF, #0094AC, #004B55, #00080A)
- Softworn Emerald Meadow color palette (#D5FFFF, #DBD8E4, #BAB0A8, #00AC5C, #002B3B)
Browse the whole catalog at Explore, or see today's palette.