Pine Market color palette — #F9F3F7 · #C7E2E8 · #4497A8 · #1C7445 · #1F4D65

Pine takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#C7E2E8): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#4497A8): A luminous, balanced blue — the color of deep harbor water.
• Pine (#1C7445): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#1F4D65): A deep, shadowed, 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 Market 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 Terrace color palette (#FAF3F7, #D7DFF1, #739EC4, #207E78, #465369)
• Tempered Cobalt color palette (#F9F3F7, #ACCBD8, #0A83AD, #00624E, #1D3C5E)
• Antique Lagoon Basin color palette (#F2F2EA, #CEE3CC, #00A1A7, #006E5D, #173320)
• Feathered Lagoon color palette (#BBEEE9, #6BB89A, #009289, #00606B, #084A5D)
• Aqua Lagoon color palette (#FCF3EF, #C0F0E1, #7ECBDB, #75A585, #2F4F43)
• Softworn Corridor color palette (#EBDCE7, #5D9BA1, #005269, #003123, #001529)
• Timeworn Driftwood Summit color palette (#E6F9FF, #51B0B4, #BE6E80, #007478, #642F3C)
• Ancient Lagoon color palette (#E8F8FF, #3697A6, #AE6071, #A24B35, #193D4B)

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