Pine Alley color palette — #FFF2EE · #B3FFF9 · #00ABCC · #187810 · #002644
Built around Olive, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Sea Foam (#B3FFF9): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#00ABCC): A luminous, balanced blue — the color of open sky before noon.
- Olive (#187810): A full-bodied, balanced green — the color of a quiet forest floor.
- Midnight (#002644): 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 Alley 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
- Antique Azure Villa color palette (#FFF2ED, #D5DDF9, #00A4ED, #007651, #0C1A5F)
- Lagoon Thicket color palette (#EAFAED, #80F0E8, #00C1D0, #009C70, #003947)
- Softworn Forest Pier color palette (#FCF1FE, #3AD0C8, #007B93, #105A08, #00355A)
- Dusty Periwinkle color palette (#FBF4ED, #C5E3F8, #95A1E1, #007E83, #352549)
- Forest Coast color palette (#FEF2EF, #B5D6B5, #0087AA, #00561F, #000C20)
- Softworn Cerulean Villa color palette (#D8FFF4, #E9DCE0, #C1BCAC, #00A0B0, #1B2B56)
- Tempered Denim color palette (#F1E1DA, #6BAEBC, #005A89, #002D1E, #00000B)
- Jade Harbor color palette (#FBF3F1, #C4DEE3, #ABC4F2, #5EA377, #5C435C)
Browse the whole catalog at Explore, or see today's palette.