Pine Basin color palette — #F3E8F0 · #7AD1D0 · #00A3C0 · #008250 · #002235
Built around Fern, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Blush (#F3E8F0): a clean, paper-quiet neutral.
- Aqua (#7AD1D0): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#00A3C0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Fern (#008250): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#002235): A deep, shadowed, dusty 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
- Azure Ridge color palette (#F0DDE7, #7CCDE9, #0399EC, #007E75, #091A4B)
- Washed Petrol color palette (#E5E6DA, #64C3C4, #00848E, #005A50, #00242B)
- Forest Loft color palette (#FFF2EE, #93DBD9, #0087A8, #00561A, #000D1F)
- Quiet Periwinkle color palette (#FFF0F8, #A6E4FF, #5BB0FF, #009893, #1E2A6C)
- Timeworn Courtyard color palette (#DFF4DC, #80DEC3, #54C4E5, #998922, #002C2B)
- Worn Denim Ridge color palette (#F3ECE0, #66AAA9, #006470, #003B2C, #000D13)
- Dusty Boulevard color palette (#FAF2F8, #CFE3FC, #7DC9EA, #5EA990, #354A5F)
- Tempered Ridge color palette (#E9E6D6, #98A300, #438C00, #006228, #002A1F)
Browse the whole catalog at Explore, or see today's palette.