Pine Corridor color palette — #FFF2EE · #B2FFFB · #00ABCF · #09791A · #002645
A conversation between Olive and Cyan, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Sea Foam (#B2FFFB): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#00ABCF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive (#09791A): A full-bodied, balanced green — the color of a quiet forest floor.
- Midnight (#002645): 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 Corridor 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
- Feathered Azure Coast color palette (#FFF2EC, #D6DEF9, #00A4EE, #007651, #101E55)
- Worn Hollow color palette (#ECF9EF, #73F1EE, #00C0D4, #009B76, #003949)
- Hushed Garden color palette (#FFF0FA, #74C8C7, #007B91, #005935, #003752)
- Periwinkle Chapel color palette (#FBF4EC, #C4E3F8, #8EA0F0, #007F81, #342649)
- Worn Garden color palette (#FFF2ED, #9AD9DB, #0086AD, #005526, #000C23)
- Wandering Powder Grove color palette (#FCF3EE, #BEE8F4, #6AC5FE, #3F956F, #4F354B)
- Ancient Coast color palette (#F1E6E1, #55B1C5, #005A8B, #002D1F, #00000B)
- Hushed Boulevard color palette (#FFF1F2, #FF8A97, #00AFB6, #C60044, #002426)
Browse the whole catalog at Explore, or see today's palette.