Pine Field color palette — #FDF3F0 · #C1DDC1 · #1CA4CD · #0A8237 · #203C5C

Built around Olive, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#FDF3F0): bright and airy, almost weightless.
• Celadon Mist (#C1DDC1): A whisper-light, dusty green — the color of fresh herbs.
• Cyan (#1CA4CD): A luminous, balanced blue — the color of open sky before noon.
• Olive (#0A8237): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#203C5C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, 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

• Cypress Summit color palette (#FCF3EE, #B6DFCC, #7197CC, #007D6E, #37355C)
• Dusty Cerulean Field color palette (#F1F7F2, #95D2D1, #008798, #00624B, #034154)
• Dusty Study color palette (#FBF3F1, #D1E4DE, #7DBCD1, #609562, #32524A)
• Washed Corridor color palette (#FFDADE, #D88AD1, #00A686, #368B2B, #412025)
• Cornflower Garden color palette (#FFF3E8, #97D2FF, #6582F3, #007271, #3C2065)
• Cobalt Alley color palette (#F9E9E2, #7DBEC6, #007EAF, #005D39, #071B4A)
• Chestnut Grove color palette (#EEE8D4, #9CB88C, #878344, #7D5000, #2F312B)
• Denim Bloom color palette (#F2E3DD, #7A9D7E, #006180, #003E1D, #00081D)

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