Pine Basin color palette — #FBF1FB · #74DFDE · #009BC1 · #007829 · #003361
Built around Olive, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Ivory (#FBF1FB): bright and airy, almost weightless.
- Ice Blue (#74DFDE): A whisper-light, balanced teal — the color of shallow lagoons.
- Cerulean (#009BC1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive (#007829): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#003361): 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
- Quiet Chapel color palette (#FFF0F8, #8DD7EF, #0090EF, #00755D, #27286B)
- Pale Turquoise color palette (#FFF2EB, #B0FFFE, #00ACCA, #00764A, #00283E)
- Frosted Petrol color palette (#F6EAF5, #6BC1C7, #0080A8, #005D2F, #061E41)
- Powdered Turquoise Corridor color palette (#E1FCF6, #88EEED, #00C1CE, #009988, #003A43)
- Lagoon Boulevard color palette (#FAF3F8, #CFDFF7, #6BACDB, #368D6B, #3A4861)
- Chalky Boulevard color palette (#D2EED3, #00BB8A, #008D8F, #005C69, #003957)
- Emerald Basin color palette (#E2FAFF, #B7E4FF, #C1B0FF, #2A9345, #003E49)
- Hazy Rust Canyon color palette (#D3F7F4, #00A19C, #D25200, #8D5D00, #002B29)
Browse the whole catalog at Explore, or see today's palette.