Pale Coast color palette — #DEF1F5 · #6CB300 · #FB058E · #310017 · #130201

A conversation between Hot Pink and Clover, giving this palette its sense of nature and growth.

The five colors

• Frost (#DEF1F5): A whisper-light, dusty blue — the color of open sky before noon.
• Clover (#6CB300): A luminous, vivid green — the color of a quiet forest floor.
• Hot Pink (#FB058E): A luminous, vivid rose — the color of a warm blush.
• Ink (#310017): A deep, shadowed, balanced rose — the color of pressed rose petals.
• Ink (#130201): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Energy, Balance. Tagged neon, dark, vibrant.

Use it as a design system

One click turns Pale 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

• Soft Courtyard color palette (#D8F3FD, #00B970, #EF0F4B, #360009, #0E0200)
• Muted Ember color palette (#DAF5E1, #CDA600, #FA5F23, #331D00, #1E0D04)
• Tempered Magenta color palette (#E5ECCF, #09C8B2, #BF00D3, #29002E, #120004)
• Faded Rust Station color palette (#DCEAFF, #00AC9E, #D24400, #220B00, #060100)
• Ancient Rose color palette (#FCE8E3, #F45273, #3A6A00, #900033, #010500)
• Soft Corridor color palette (#EAEDFF, #00BCD6, #F56600, #2C1301, #0F0704)
• Pale Sunflower Lagoon color palette (#E9DCF6, #F5C600, #FF9A98, #3D0007, #070207)
• Wandering Peony color palette (#E6EBD7, #88C3FF, #E83BC1, #4A1A3E, #190E27)

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