Pine Field color palette — #F8F3F9 · #CEDFF0 · #62B1CE · #3B8E4D · #334A62
A conversation between Fern and Cyan, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F8F3F9): a clean, paper-quiet neutral.
- Powder Blue (#CEDFF0): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#62B1CE): A luminous, balanced blue — the color of open sky before noon.
- Fern (#3B8E4D): A full-bodied, balanced green — the color of a quiet forest floor.
- Charcoal (#334A62): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
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
- Lagoon Study color palette (#F9F3F7, #D8DFEE, #96B3DC, #2B9A8A, #4A5269)
- Wandering Cerulean color palette (#F8F5EF, #C9E5C8, #009CAC, #007457, #2C503F)
- Washed Bronze color palette (#EAF9F1, #9CC9BF, #979256, #8B5E21, #244344)
- Soft Iris color palette (#FCF2F5, #BFDFFF, #8590F7, #008188, #4C3166)
- Misty Forest Quarry color palette (#F4EBF4, #A0CCDB, #0093BF, #007138, #042C5D)
- Misty Cobalt Meadow color palette (#EDE0E8, #8DB8D0, #0076D0, #005B4B, #19134E)
- Weathered Drift color palette (#FBF1FF, #D58CA2, #A59B38, #63982A, #413148)
- Quiet Market color palette (#EADBE1, #6A99B7, #2A4BBA, #003C39, #0D0024)
Browse the whole catalog at Explore, or see today's palette.