Softworn Pier color palette — #D7F4FD · #C89A27 · #004547 · #262228 · #000A0A

Built around Mustard, softened by Deep Teal — the whole palette hums with optimism and sophistication.

The five colors

• Frost (#D7F4FD): A whisper-light, dusty blue — the color of open sky before noon.
• Mustard (#C89A27): A luminous, balanced gold — the color of old brass.
• Deep Teal (#004547): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#262228): a grounded near-black with real depth.
• Ink (#000A0A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Softworn Pier 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

• Velvet Amber Basin color palette (#CEE9F8, #B28600, #00313D, #080C12, #000102)
• Hushed Honey Garden color palette (#ECF7FF, #F2B921, #006182, #002231, #000103)
• Dusty Blush color palette (#CFE5F0, #E781A0, #007489, #00404D, #000305)
• Petrol Terrace color palette (#EFF6FF, #FBD37E, #4768AF, #192C56, #00061B)
• Cerulean Workshop color palette (#EEF6FD, #B6E4EF, #6B8AA4, #34495A, #151C23)
• Wandering Sand Veranda color palette (#E8F8FF, #FFE2A5, #41818C, #123E4E, #041217)
• Softworn Ridge color palette (#D6E5DB, #B55374, #4A4B54, #003039, #000A0D)
• Ancient Petrol color palette (#EFF6FB, #D7D8EA, #AFBBD2, #00688F, #000E1A)

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