Pine Coast color palette — #F0E1DC · #7DD0D2 · #00A0CD · #13823E · #001E43
Built around Olive, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Parchment (#F0E1DC): bright and airy, almost weightless.
- Aqua (#7DD0D2): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#00A0CD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive (#13823E): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#001E43): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Pine Coast 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 Orchard color palette (#F2E8E1, #9ECCB5, #4F94E5, #007F6D, #1B124E)
- Petrol Villa color palette (#E7F2E9, #87BBCB, #008398, #005B4A, #002331)
- Softworn Forest Canyon color palette (#F6E5E0, #6AAEAC, #00819E, #016316, #000A18)
- Weathered Periwinkle color palette (#FFF3E9, #ABE3FF, #75ABFF, #00998A, #331E72)
- Airy Sky Study color palette (#D4E9CA, #88D7E2, #69BEFF, #AA852C, #00271B)
- Emerald Summit color palette (#FFF2ED, #A7F4FB, #47C4FE, #2DAA6C, #233E6E)
- Tempered Field color palette (#F0E4F0, #68A9AC, #00617F, #003C1A, #000A1F)
- Tempered Clover color palette (#D5F8E5, #41C578, #009F69, #00693D, #000B04)
Browse the whole catalog at Explore, or see today's palette.