Pine Field color palette — #F9F3F8 · #C4E2EE · #4C93BB · #15744C · #354865

Pine and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Powder Blue (#C4E2EE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#4C93BB): A luminous, balanced blue — the color of open sky before noon.
• Pine (#15744C): A full-bodied, balanced teal — the color of sea glass.
• Navy (#354865): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Cypress Station color palette (#FAF3F6, #D9DDEE, #8797C7, #0E7F7D, #4D5168)
• Washed Field color palette (#FBF2F7, #ADCADA, #3C7BBD, #006151, #333463)
• Weathered Hollow color palette (#F5F1EB, #C8E5CE, #009DC1, #006E62, #103329)
• Tempered Cerulean color palette (#BFF6F3, #61B69E, #00919C, #006586, #294C73)
• Spruce Cabin color palette (#EEE4EF, #498E8B, #004454, #012503, #000A18)
• Worn Petrol Chapel color palette (#EBF7FF, #84C4D9, #007C98, #004D68, #003040)
• Hushed Driftwood Meadow color palette (#E9F8FF, #5EADBE, #BF7167, #007284, #672F29)
• Onyx Delta color palette (#F5E7F0, #6B96AD, #004C82, #003126, #0E0046)

Browse the whole catalog at Explore, or see today's palette.