Pine Coast color palette — #F9EAE3 · #7ED0D1 · #00A3C2 · #008153 · #002236

Built around Teal, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Cream (#F9EAE3): bright and airy, almost weightless.
• Aqua (#7ED0D1): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#00A3C2): A luminous, balanced blue — the color of deep harbor water.
• Teal (#008153): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#002236): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Pine Coast 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

• Azure Dune color palette (#FCECE1, #8FC9E4, #3F96E9, #007D7B, #11174D)
• Muted Petrol Grove color palette (#DBECE8, #71C1C3, #008490, #005A52, #00242B)
• Muted Periwinkle color palette (#FFF3E9, #A8E3FF, #60AFFF, #009895, #1E2676)
• Worn Denim color palette (#EDE0E9, #69A9AA, #006377, #003C25, #000C17)
• Sky Archive color palette (#FFF2EC, #A7F4FA, #26C8F8, #00AA7D, #05436C)
• Linen Mallow Garden color palette (#DAE7FF, #CABEFF, #E990CD, #0097C5, #221C44)
• Frosted Cornflower Drift color palette (#E3EBFF, #5A83FB, #A97A00, #5E7721, #030A37)
• Ultramarine Studio color palette (#FDE6FD, #78B2FF, #AD8B03, #005AB9, #221A00)

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