Pine Field color palette — #FFF2EB · #BCECF2 · #00C3DF · #008D4F · #003A53
Built around Fern, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Frost (#BCECF2): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#00C3DF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Fern (#008D4F): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#003A53): 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 Field 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
- Faded Sky Meadow color palette (#FCF3EE, #BFE7F5, #53B7FF, #00897E, #1B3168)
- Hazy Orchard color palette (#FFF2EB, #B4FEFF, #00ABCD, #00764D, #00283F)
- Quiet Summit color palette (#E9F9F5, #9AF8F3, #00CFD6, #00A88F, #004951)
- Forest Studio color palette (#FFF0FA, #82E1DC, #008FA3, #006B39, #054561)
- Aged Hollow color palette (#FAF3F0, #C3DEE5, #97D0D1, #5EA18B, #59455B)
- Tempered Boulevard color palette (#EEE0D9, #83AD95, #005A88, #002C27, #000009)
- Timeworn Cobalt color palette (#FCF3EE, #94D7F0, #2780BF, #00524C, #010039)
- Moss Canyon color palette (#F8F8D0, #C8F3F4, #B7D6F5, #AC9A00, #1E4D2C)
Browse the whole catalog at Explore, or see today's palette.