Pine Harbor color palette — #E0F2FF · #227B3E · #272B23 · #002232 · #000306

Built around Olive, softened by Midnight — the whole palette hums with nature and growth.

The five colors

• Frost (#E0F2FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Olive (#227B3E): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#272B23): a grounded near-black with real depth.
• Midnight (#002232): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000306): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged luxury, dark, muted.

Use it as a design system

One click turns Pine Harbor 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

• Softworn Emerald color palette (#D3E7DE, #2D9B4C, #003D56, #00121C, #000201)
• Lowlit Market color palette (#CBEDF0, #005040, #532A00, #241B00, #000201)
• Petrol Loft color palette (#ECF2FB, #98CFD0, #4B6286, #1D324E, #0E141D)
• Aged Rust color palette (#DAF3EB, #B04700, #2D2B33, #001F36, #00050D)
• Tempered Delta color palette (#E4F2FF, #C77645, #002E4B, #0A0C13, #000103)
• Antique Onyx color palette (#F3F0FA, #CDA5BF, #6F4466, #3D1636, #0F0918)
• Cellar Navy Delta color palette (#E4EDFF, #A0465A, #100063, #1E0E1F, #010016)
• Worn Harbor color palette (#DCE0E8, #9A9FB2, #767995, #2A019B, #010314)

Browse the whole catalog at Explore, or see today's palette.