Pine Corridor color palette — #FFF0FA · #B2FFFA · #00ACC5 · #007741 · #00283B
Pine and Cyan set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
- Sea Foam (#B2FFFA): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#00ACC5): A luminous, balanced blue — the color of open sky before noon.
- Pine (#007741): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#00283B): 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
- Azure Veranda color palette (#FFF0FC, #D1DAF5, #00A8DF, #00755E, #00254A)
- Timeworn Seafoam color palette (#F7F7E1, #51F5EF, #00C2C9, #009A83, #003A41)
- Aqua Summit color palette (#FFF4E2, #69CAC5, #007C88, #00583F, #003948)
- Worn Turquoise Corridor color palette (#EBDEE7, #4BB2C6, #005C81, #002C24, #000105)
- Washed Cerulean color palette (#FEF1FA, #85DDDE, #0088A3, #005435, #000E1A)
- Antique Powder color palette (#FBF2F9, #D4D4E2, #79C6EB, #41937C, #2D4156)
- Mustard Archive color palette (#FFF5D3, #BABA00, #5D9400, #046014, #003021)
- Bronze Thicket color palette (#D7FFF6, #BBE4E8, #C4B9CC, #977E00, #022F0C)
Browse the whole catalog at Explore, or see today's palette.